<template>
    <div id="dashBoard">
        <b-nav class="dNav">
            <b-nav-item >个人信息</b-nav-item>
        </b-nav>
        <!-- .view 作为避免v-if和v-for一起使用容易混乱 -->
        <div v-if="isInfo" class="view">
            <m-message></m-message>
        </div>
        
    </div>
</template>

<script>
import message from '@/components/dashboard/message';

export default {
    data() {
        return {
            // 粉丝数，可以更具fansList改动为具体数据
            fans: 10,
            // 是否为信息栏
            isInfo: true
        }
    },
    components: {
        "m-message": message
    }
}
</script>

<style lang="stylus" scoped>
#dashBoard
    // 设置footer最小都在屏幕底部
    min-height calc(100vh - 176px)
.dNav
    margin 20px
    border-bottom .5px solid #eee

.view
    margin 20px 40px
</style>